/* 
  1. 属性的定义
*/

import React from 'react';

// Demo 组件，React => html 标签 <h1></h1> => <Demo></Demo>
// 函数式组件，接受属性方式通过形参的方式接受
// function Demo(props) {
//   console.log(props);
//   // console.log(rest);
//   return <h1>Demo 组件{props.title}</h1>;
// }
// 类组件 访问属性 通过 this.props
class Demo extends React.Component {
  render() {
    console.log(this.props);
    return <h1>Demo 组件(类组件形式):{this.props.msg}</h1>;
  }
}
function App() {
  return (
    <div>
      <h1>App 组件</h1>
      <Demo title='小demo' msg='msg'></Demo>
    </div>
  );
}
export default App;
